<template>
	<div class="custom-tree-container">
		<div class="block">
			<div class="block">
				<a href="#" @click="addnav()">添加一级导航</a>
				<el-tree
					:data="webMobulieList[designData.index].webComposing.msgJson.title"
					default-expand-all :expand-on-click-node="false">
					<span class="custom-tree-node" slot-scope="{ node, data }"
						style="margin: 10px;">
						<span><input class="nav-input" v-model="data.label"></input>
							&nbsp;&nbsp; </span>
						<span v-if="data.rank==1">
							<el-button type="text" size="mini"
								@click="() => append(data)">
								新增
							</el-button>
							<el-button type="text" size="mini"
								@click="() => remove(node, data)">
								删除
							</el-button>
						</span>
						<span v-if="data.rank==2">
							<el-button type="text" size="mini"
								@click="() => remove(node, data)">
								删除
							</el-button>
						</span>
					</span>
				</el-tree>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style>
</style>
